<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>活动报名</title>
		<link rel="stylesheet" href="../layui/css/layui.css">
		<link rel="stylesheet" href="../vui/components/iconfont-br/iconfont.css">
		<link rel="stylesheet" href="../vui/src/css/jquery.videoUI.css">
		<link rel="stylesheet" href="../css/public.css">
		<link rel="stylesheet" href="../css/exhibition.css">
	</head>
	<body>
		<!-- 子页面通用头部 -->
		<div class="subpage_head">
			<img src="../img/subpage_head.png">
			<div class="navigation">
				<ul id="nav_left" class="left">
					<li><a href="../index.html">首页</a></li>
					<li><a href="./notice.html">赛事公告</a></li>
					<li><a href="./activity.html">活动报名</a></li>
					<li><a href="./award_works.html">获奖作品</a></li>
					<li><a href="./exhibition.html" class="selected">作品展示</a></li>
				</ul>
			</div>
			<div class="subject">
				<p>作品展示</p>
				<p>EVENT REGISTRATION</p>
			</div>
		</div>
		<!-- 子页面通用内容容器 -->
		<div class="subpage_body">
			<!-- 顶部信息框 -->
			<div class="competition_info">
				<div>
					<img src="../img/leidian.png">
				</div>
				<ul>
					<li>
						<ul>
							<li>科普</li>
							<li>雷电科普技术展示科普技术展</li>
						</ul>
					</li>
					<li>
						<ul>
							<li>基础科学研究。基于人类认识自然现象、揭示自然规律，获取
								新知识、新原理、新方法的研究，围绕数学、物理、化学、天文、
								地学生物等基础学科，体现人类在探寻规律和追求真理的过程中，
								形成的科学概念和凝结的科学精神。</li>
							<li><button type="button">投我一票</button></li>
						</ul>


					</li>
					<li>
						<ul>
							<li>作者：科普团队</li>
							<li>时间：2020-3-20 </li>
							<li>票数 <span> 5225</span> </li>
						</ul>
					</li>
				</ul>
			</div>

			<ul class="title">
				<li>视频展示</li>
				<li></li>
			</ul>

			<ul class="video_ex">
				<li>
					<div id="video"></div>
				</li>
				<li><span>北京市科普讲解大赛-官方宣传片</span></li>
			</ul>


			<ul class="title">
				<li>参赛作品简介</li>
				<li></li>
			</ul>

			<div class="jianjie">
				全片以闻名全国的朝阳沟为贯穿主线,过上小康生活的登封人民群众用热情
				的歌唱、精湛的中国功夫、非遗的洛河大鼓等形式表达迎新年的喜悦之情,
				幸福感溢满其中，党的富民政策温暖人心,百姓的日子越来越有奔头!继续跟
				党走,欢乐过大年;迈向新征程!全片以闻名全国的朝阳沟为贯穿主线,过上
				小康生活的登封人民群众用热情的歌唱、精湛的中国功夫、非遗的洛河大鼓
				等形式表达迎新年的喜悦之情,幸福感溢满其中,党的富民政策温暖人心,百
				姓的日子越来越有奔头!继续跟党走,欢乐过大年,迈向新征程!

			</div>

			<ul class="title">
				<li>作品评论</li>
				<li></li>
			</ul>

			<ul class="pinglun">
				<li><textarea></textarea></li>
				<li><button type="button">提交</button></li>
			</ul>
			<ul class="huifu_pa">
				<li>
					<ul class="huifu">
						<li>
							<ul>
								<li>北京工业大学</li>
								<li>时间：2020-3-21</li>
								<li>回复</li>
							</ul>
						</li>
						<li>
							全片以闻名全国的朝阳沟为贯穿主线,过上小康生活的登封人民群众用热情的歌唱、精温的中国
							功夫、非遗的洛河大鼓等形式表达迎新年的喜悦之情,幸福感溢满其中,党的富民政策温暖人心
							,百姓的日子越来越有奔头!继续跟党走,欢乐过大年,迈向新征程!

						</li>
					</ul>
				</li>

				<li>
					<ul class="huifu">
						<li>
							<ul>
								<li>北京工业大学</li>
								<li>时间：2020-3-21</li>
								<li>回复</li>
							</ul>
						</li>
						<li>
							全片以闻名全国的朝阳沟为贯穿主线,过上小康生活的登封人民群众用热情的歌唱、精温的中国
							功夫、非遗的洛河大鼓等形式表达迎新年的喜悦之情,幸福感溢满其中,党的富民政策温暖人心
							,百姓的日子越来越有奔头!继续跟党走,欢乐过大年,迈向新征程!

						</li>
					</ul>
				</li>
			</ul>



		</div>
		<!-- 页面通用尾部 -->
		<div class="foot">
			<div class="foot_container">
				<ul class="left">
					<li>联系我们:</li>
					<li>010-6894-4766</li>
					<li>微信:全国科技活动周组委会 &nbsp;&nbsp; QQ:123456789</li>
					<li>Email: kjhdz@most.cn</li>
					<li>地址:北京市海淀区中关村南大街1号北京友谊宾馆5号楼</li>
				</ul>
				<ul class="right">
					<li><img src="../img/code.png">
						微信公众号
					</li>
					<li><img src="../img/code.png">
						负责人微信
					</li>
				</ul>
			</div>
			<div class="foot_bottom">
				备案号:京0100000000
			</div>
		</div>


		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				//“个人中心”显示
				$('#nav_left').after('<ul id="logged" class="right"><li><a href="./my.html">个人中心</a></li></ul>')
				//“登录、注册”显示
				// $('#nav_left').after('<ul id="login" class="right"><li><a onclick="login()"  class="nav_selected">登录</a></li><li><a onclick="register()">注册</a></li></ul>')
			});
		</script>
		<script src="../layui/layui.js"></script>
		<script>
			layui.use(['layer', 'form'], function() {
				var layer = layui.layer,
					form = layui.form;
			});
		</script>
	</body>
	<script src="../vui/components/jquery/jquery-3.4.1.js"></script>
	<script src="../vui/src/js/jquery.videoUI.js"></script>

	<script>
		$(function() {
			let vui = $("#video").videoUi({
				poster: "../img/daishu_face.jpg",
				source: {
					src: "../img/daishu.mp4",
					type: "video/mp4",
				},
			})
		});
	</script>
</html>
